const Layout = () => import('@/layout/index.vue');

export default [
  {
    path: '/components',
    name: 'Components',
    component: Layout,
    redirect: '/components/button',
    meta: {
      icon: 'ant-design:desktop-outlined',
      title: '组件管理',
      rank: 50
    },
    children: [
      {
        path: '/components/button',
        name: 'Button',

        component: () => import('@/views/components/button/index.vue'),
        meta: {
          title: '按钮组件',
          showLink: true
        }
      },
      {
        path: '/components/form',
        name: 'Form',
        component: () => import('@/views/components/form/index.vue'),
        meta: {
          title: '表单组件',
          showLink: true
        }
      },
      {
        path: '/components/table',
        name: 'Table',
        component: () => import('@/views/components/table/index.vue'),
        meta: {
          title: '表格组件',
          showLink: true
        }
      },
      {
        path: '/components/alert',
        name: 'Alert',
        component: () => import('@/views/components/alert/index.vue'),
        meta: {
          title: 'Alert 组件',
          showLink: true
        }
      }
    ]
  }
] satisfies Array<RouteConfigsTable>;
